<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2022/10/19
  Time: 9:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="/static/layui-v2.7.6/layui/css/layui.css" rel="stylesheet">
</head>
<body>
<table class="layui-hide" id="test" lay-filter = "test"></table>
<script src="static\layui-v2.7.6\layui\layui.js"></script>
<script>
    layui.use(['table','layer','form','jquery'], function(){
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;
        var $ = layui.jquery;
        table.render({
            // element  元素
            elem: '#test'
            ,page:true
            ,toolbar: '#toolbarDemo'
            ,url:'query' //  表格了里面所需要的数据就是一个list里面有很多的map、对象
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,cols: [[
                {type: 'checkbox', fixed: 'left'}
                // field 后面跟的内容  必须跟后台传过来的数据里面的map 的key保持一致
                ,{field:'id', title: 'ID', sort: true}
                ,{field:'username', title: '用户名'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
                ,{field:'upassword', title: '密码'}
                ,{field:'salt', title: '盐'}
                ,{field:'imgpath', title: '图片路径'}
                ,{field:'sex', title: '性别', sort: true}
                ,{field:'rid', title: '角色的id'}
                ,{field:'createtime', title: '创建用户的时间'}
                ,{field:'updatetime', title: '修改用户的时间'}
                ,{field:'status', title: 'status'}
                ]]
        });
        });
</script>
</body>
</html>
